<template>
  <div>
    <div class="container">
      <div class="m-main">
        <div class="m-top">
          <div class="top-img">
            <img src="../../../static/images/logo_housekeeper.png" alt="">
          </div>
          <div class="top-detail">
            <div class="d-name">厦门团带互联网科技有限公司</div>
            <div class="d-situation">
              <span class="state">在企</span>
              <span class="type">高新技术企业</span>
            </div>
            <div class="d-data">
              <div class="data-line">
                <div class="l-left">电话：0592-xxxxxxxxx</div>
                <div class="l-right">官网：http://www.tuandai.com</div>
              </div>
              <div class="data-line">
                <div class="l-left">邮箱：2462</div>
                <div class="l-right">地址：厦门市湖里区湖里大道33号</div>
              </div>
              <div class="data-line">
                企业简介：团贷网｜团贷投资平台（tuandai.com,以下简称“团贷网投资平台”）成立于2011年,并于2012年正式…
                <span>[查看详情]</span>
              </div>
            </div>
            <div class="d-tip">
              <div class="tip-con">
                <span><img src="../../../static/images/warn.png" alt=""></span>
                <span class="text">请企业录入完善信息，我们将根据每家企业的实际情况进行服务推送，谢谢！</span>
              </div>

            </div>
          </div>
        </div>

      </div>
      <div class="m-content">
        <h3>公司简介</h3>
        <p>
          配件有限公司是一家汽摩及配件的企业，是经国家相关部门批准注册的企业。成立于2009年9月，位于福建省龙岩市长汀县晋江 （长汀）工业园区。公司占地面积2万平方米，现有厂房建筑面积9500平方米，项目总投资6500万。公司专业生产各种铝合金活塞，广泛运用于汽车、摩托车、压缩机、舷外机等动力机械。拥有铝合金活塞铸造、热处理、高精度加工、特种表面处理等各种先进工艺，引进国内外先进水平自动化铸台、全自动数控高精度加工设备，高精度测量设备，年生产力达540万只活塞。公司经营方针：“追求卓越、创新发展、精益求精、永续经营”。坚持以人为本，树立“各就其位、各尽其职、各尽其责、各得其所”的企业精神，推行现代企业管理制度，应用各种现代管理手段，使企业具备团结、高效、高品质、低成本、快速应变的核心竞争力。凝钜力量，铖就理想！
        </p>
        <h3>员工名片</h3>
        <el-row type="flex" justify="center" :gutter="50">
          <el-col :span="8">
            <div class="b-border">
              <el-row :gutter="10">
                <el-col :span="8" class="w-img"> <img src="../../../static/images/logo_housekeeper.png"></el-col>
                <el-col :span="16">
                <div>程德强</div><span>董事长</span>
                </el-col>
              </el-row>
              <el-row>
                <el-col>
                  <div>电话：111111111</div>
                  <div>邮箱：5555@.com</div>
                </el-col>

              </el-row>
          </div>
          </el-col>
          <el-col :span="8">
            <div class="b-border">
              <el-row :gutter="10">
                <el-col :span="8" class="w-img"> <img src="../../../static/images/logo_housekeeper.png"></el-col>
                <el-col :span="16">
                  <div>程德强</div><span>董事长</span>
                </el-col>
              </el-row>
              <el-row>
                <el-col>
                  <div>电话：111111111</div>
                  <div>邮箱：5555@.com</div>
                </el-col>

              </el-row>
            </div>
          </el-col>
        </el-row>
        <h3>产品服务</h3>
        <div class="server-flex">
            <div class="server-img">
              <img src="../../../static/images/logo_housekeeper.png">
              <span>地点</span>
            </div>
          <div class="server-img">
            <img src="../../../static/images/logo_housekeeper.png">
            <span>地点</span>
          </div>
          <div class="server-img">
            <img src="../../../static/images/logo_housekeeper.png">
            <span>地点</span>
          </div>
          <div class="server-img">
            <img src="../../../static/images/logo_housekeeper.png">
            <span>地点</span>
          </div>
          <div class="server-img">
            <img src="../../../static/images/logo_housekeeper.png">
            <span>地点</span>
          </div>
        </div>
        <h3>荣誉资质</h3>
        <el-row type="flex" justify="center" :gutter="80">
          <el-col :span="8">
            <div class="b-border w-img">
              <img src="../../../static/images/logo_housekeeper.png">
              <span>厦门团带互联网科技有限公司</span>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="b-border w-img center">
              <img src="../../../static/images/logo_housekeeper.png">
              <span>厦门团带互联网科技有限公司</span>
            </div>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "CompanyDetail"
    }
</script>

<style lang="less" scoped>
  .container{
    background: #F3F3F3;
    padding: 50px 10px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    .m-main{
      padding: 50px 10px 30px;
      .m-top{
        // padding: 0 45px;
        padding: 50px 45px 90px;
        background: #fff;
        .top-img{
          display: inline-block;
          width: 218px;
          height: 218px;
          img{
            width: 100%;
            height: 100%;
          }
        }
        .top-detail{
          float: right;
          width: 753px;
          position: relative;
          .d-name{
            font-size: 24px;
            color: #333;
            line-height: 24px;
            margin-bottom: 20px;
          }
          .d-situation{
            font-size: 16px;
            border-bottom: 1px solid #E0E0E0;
            height: 40px;
            .state{
              color: #666666;
            }
            .type{
              color: #E60012;
              margin-left: 30px;
            }
          }
          .d-data{
            margin-top: 15px;
            .data-line{
              color: #666666;
              font-size: 16px;
              .l-left,.l-right{
                display: inline-block;
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
              }
              .l-left{
                width: 40%;
              }
              &>span{
                color: #1575F9;
              }
            }
          }
          .d-tip{
            position: absolute;
            background: url(../../../static/images/tip.png);
            top: 0px;
            right: 0px;
            width: 334px;
            height: 56px;
            .tip-con{
              padding: 13px 10px 13px 30px;
              .text{
                font-size: 12px;
                color: #999999;
                float: right;
                width: 85%;
                line-height: 15px;
              }
            }
          }
        }
      }
      .m-content{

      }
    }
  }
  .b-border{
    border: 5px solid gray ;
    padding: 20px;
    background: #ffffff;

  }
  .center{
    text-align: center;
  }
  .w-img img{
    width: 100%;
  }
  .server-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }
  .server-img {
    display: flex;
    flex-direction: column;
    align-items: center;
     margin: 15px 0;
  }
</style>
